﻿<ion-header no-border>
  <ion-navbar color="primary">
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>YOUBE</ion-title>
  </ion-navbar>
</ion-header>

<ion-content no-border>

  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>

  <ion-card *ngFor="let post of posts" (click)="openPost(post)">
    <img *ngIf="post.cover" src="http:{{post.cover}}"/>
    <ion-card-content>
      <ion-card-title class="title">
        {{post.title}}
      </ion-card-title>
      <p text-justify>
        {{post.seoDescription}}
      </p>
    </ion-card-content>
  </ion-card>

  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>

</ion-content>
